<template>
	<view class="cloummStart gap10 w100">
		<view v-for="(item,index) in optionList" :key="index" class="w100" @click="onClick(index)">
			<ListTitle :leftIcon="item.icon" :title="item.name" :desc="item.desc"></ListTitle>
		</view>
	</view>
</template>

<script>
	import ListTitleVue from "@/components/ListTitle/ListTitle.vue";
	export default {
		components: {
			ListTitleVue
		},
		data() {
			return {
				optionList: [{
						name: '个人商户',
						icon: 'home',
						desc: '需要提供营业执照和法人身份证照片和结算银行卡等'
					},
					{
						name: '企业商户',
						icon: 'empty-permission',
						desc: '一般为有限公司，需要提供营业执照以及法人身份证照片等'
					},
					{
						name: '小微商户',
						icon: 'server-man',
						desc: '无营业执照的商户'
					}
				],
			}
		},
		methods: {
			onClick(index) {
				this.$emit('update:modelValue', index);
				this.$emit('sendClick', index);
			}
		}
	}
</script>

<style>
</style>